@import "base"

=title()
  .title
    font-size: 18px
    font-weight: bold
    margin-bottom: 15px

.message
  .list
    .list-search .row
      margin-bottom: 15px
      +lrGrid(auto, 15px)
      .input-group
        width: auto
      +dateRange()
      button
        margin-left: 15px
      .wait
        span:first-child
          margin-left: 15px
  .new, .edit, .view
    padding: 30px
    background-color: #fff
    p
      span
        margin-right: 10px
        i
          font-style: normal
    .text-center
      button[type='submit']
        margin-right: 20px
    .pushResult
      overflow: hidden
      clear: both
      padding-left: 15px
      dl
        float: left
        dt
          float: left
          width: 120px
          margin-right: 20px
          text-align: right
        dd
          float: left
          margin-right: 15px
          span
            padding-right: 15px

    .form-group
      margin-left: 15px
      textarea.form-control
        width: 60%
      +lrGrid(120px, 20px)
      input
        width: auto
        display: inline-block
      select
        width: auto
        display: block
      .message-name, .message-description
        width: 60%
      .imgs
        width: 100px
        height: 100%
        position: relative
        float: left
        margin: 0 20px 10px 0
        img.remove
          position: absolute
          right: 0
          top: 0
          cursor: pointer
        img.img
          width: 100px
          height: 100px
      .upload-area.top
        position: relative
        top: 35px
      .upload-area
        display: inline-block
        .upload-container
          .upload-btn
            border: none
            background-color: inherit
            color: #337ab7
            span
              width: 35px
              height: 35px
              line-height: 35px
              margin-top: -5px
              color: #337ab7
            .icon-cloud-upload
              font-size: 32px
      .input-group
        margin-top: 15px
        margin-left: 0
        .addon
          padding: 0 12px
          font-size: 14px
          font-weight: normal
          height: 34px
          line-height: 34px
          color: #555
          text-align: center
          background-color: #eee
          border: 1px solid #ccc
          border-radius: 4px
        .addon:first-child
          float: left
          border-right: 0
          border-top-right-radius: 0
          border-bottom-right-radius: 0
        .addon:last-child
          float: right
          border-left: 0
          border-top-left-radius: 0
          border-bottom-left-radius: 0
      .message-type .right
        width: 100%
      .message-bundle
        border: 1px solid #ccc
        border-radius: 4px
        padding: 10px 15px
        margin-top: 15px
        width: 100%
        .bundle-price
          margin-bottom: 15px
          .price:first-child
            margin-left: 15px
          .price
            display: inline-block
            margin-right: 15px
            span
              padding-right: 5px
        .panel .panel-title
          .message-item-info span
            padding-right: 30px
          .item
            margin-left: 15px
          +lrGrid(80px, 15px)
      .message-single
        border: 1px solid #ccc
        border-radius: 4px
        padding: 10px 15px
        margin-top: 15px
        width: 100%
      .select2
        height: initial
        min-width: 400px
        width: 100% !important
        span
          height: initial
      .city-row
        width: 100%
        margin-top: 15px
        margin-left: 0
      .panel
        .panel-title
          font-size: 14px
          .show
            .first
              margin-left: 15px
            span
              padding-right: 10px
          .form-group
            margin-bottom: 0
          .operate > a
            padding-right: 10px
          .operate > a:last-child
            margin-left: 30px
    .message-push-mode
      label
        cursor: pointer
        height: 34px
        line-height: 34px
        span
          padding-left: 5px
          padding-right: 30px
    .quill-editor .right
      width: 1024px

  .notify
    width: 130%
    margin-left: -15%
    .message-address
      +title()
      +lrGrid(auto, 15px)